<template>
  <div class="orderBox">
    <userID></userID>
    <NavigationBar></NavigationBar>
    <div class="main">
      <SideView></SideView>
      <router-view></router-view>
    </div>
    <bottom></bottom>
  </div>
</template>

<script>
import SideView from '@/views/order/components/SideView.vue'
// import ContentView from '@/views/order/components/ContentView.vue'
import userID from '@/components/userID.vue'
import NavigationBar from '@/components/NavigationBar.vue'
import bottom from '@/components/bottom.vue'
export default {
  name:'OrderView',
  components:{
    SideView,
    userID,
    NavigationBar,
    bottom,
    // ContentView,
  },
  // async mounted(){
  //   const res = await this.$.getOrders();
  //   console.log(res);
  // }
}
</script>

<style lang="less" scoped>
  .orderBox{
    width: 100%;
    margin: 0 auto;
    .main{
      width: 1420px;
      height: 1500px;
      // margin-top: 205px;
      display: flex;
      justify-content: space-evenly;
      // background: red;
      // overflow: hidden;
    }
  }
</style>